@use "~/styles/variables.scss" as *;

.member-editer {
    .user-form {
        padding: 25rpx;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: calc(constant(safe-area-inset-bottom) + 200rpx); /* 兼容 iOS < 11.2 */
        padding-bottom: calc(env(safe-area-inset-bottom) + 200rpx); /* 兼容 iOS >= 11.2 */
        .dialog-title {
            text-align: center;
            line-height: 60rpx;
        }
        .user-form-item {
            padding: 25rpx;
            width: 100%;
            box-sizing: border-box;
            .user-form-label {
                width: 150rpx;
            }
            .user-form-value {
                border: 1rpx solid;
                border-radius: 10rpx;
                padding: 12rpx 25rpx;
            }
        }
        .bottom-line {
            height: 0;
            width: 200%;
            transform: translateX(-25%) scale(0.5);
            border-bottom: 1rpx solid;
            opacity: 0.2;
        }
    }
    .page-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 122rpx;
        width: 750rpx;
        z-index: 99;
        padding-bottom: calc(constant(safe-area-inset-bottom) + 40rpx); /* 兼容 iOS < 11.2 */
        padding-bottom: calc(env(safe-area-inset-bottom) + 40rpx); /* 兼容 iOS >= 11.2 */
        .half-line {
            border-bottom: 1rpx solid;
            width: 200%;
            transform: scale(0.5);
            opacity: 0.2;
        }
        .comment-input-container {
            width: 100%;
            height: 120rpx;
            padding: 25rpx;
            box-sizing: border-box;
            .btn {
                height: 80rpx;
                box-sizing: border-box;
                border-radius: 40rpx;
                color: #fff;
                text-align: center;
            }
            .preview-btn {
                background-color: rgba(0,0,0,0.4);
                width: 160rpx;
            }
            .save-btn {
                background-color: red;
                width: 460rpx;
            }
        }
    }
}